@use "../mixins/bem" as *;
@use "../mixins/function" as *;

@include b(articleInfo) {
  &.post {
    font-size: getCssVar("home-font-size-sm");
    color: getCssVar("lower-color-2");
  }

  &.article > span:not(:last-child) {
    margin-right: 14px;
  }

  @include e(item) {
    &:not(.split):not(:last-child) {
      margin-right: 16px;
    }
    i {
      vertical-align: -2px;
      margin-right: 3px;
    }
  }

  .split:not(:last-child) {
    &::after {
      content: "";
      display: inline-block;
      width: 0.8px;
      height: 8px;
      margin: 0 10px;
      background-color: getCssVar("lower-color-2");
    }
  }

  .or:not(:last-child) {
    &::after {
      content: "/";
      display: inline-block;
      width: 0.35rem;
      height: 0;
      background-color: getCssVar("lower-color-2");
    }
  }
}
